/**
 *  目标：完成登录功能
 *      1. 注册事件 #btn-login
 *      2. 收集表单数据，并验证
 *      3. 发送请求
 *      4. 判断请求，提示用户
 *      5. 如果成功则本地存储用户名（？）
 *      6. 跳转页面
 */

const loginForm = document.querySelector(".login-form");
document.querySelector("#btn-login").addEventListener("click", async (e) => {
  // 收集表单数据，并验证
  const data = serialize(loginForm, { hash: true, empty: true });
  if (!data.username || !data.password) {
    showToast("用户名和密码不能为空");
    return;
  }
  if (data.username.length < 8 || data.username.length > 30) {
    showToast("用户名不符合规范");
    return;
  }
  if (data.password.length < 8 || data.password.length > 30) {
    showToast("密码不符合规范");
    return;
  }
  // 发送请求，判断响应结果，提示用户  axios.post(地址，请求参数)
  try {
    const res = await axios.post("/login", data);
    console.log(res);
    const obj = {}; // 存储用户名及其他       没有用解构，等会对数据进行修改
    obj.username = res.data.username;
    obj.token = res.data.token;

    // 如果成功则本地存储用户名（？）
    localStorage.setItem("userMsg", JSON.stringify(obj));

    showToast(res.message);

    // 跳转页面
    setTimeout(() => {
      location.href = "./index.html";
    }, 1500);
  } catch (error) {
    // console.log(error);
    //console.dir(error.response.data.message);
    showToast("error.response.data.message");
  }
});
